<header class="header-wrap wrap-box">
    <div class="header-inner clearfix">
        <div class="logo-wrap">
            <div class="header-logo">
                <h1>
                    <a class="anim-link" title="静静设计" href="/">
                        <img class="logo" src="/public/{{ data.site.Tpl }}/images/logo.png" alt="">
                        <span>{{ data.site.SiteName }}</span>
                    </a>
                </h1>
            </div>
            <form class="app-header-search" method="get" action="/search">
                <input autocomplete="off" value="" placeholder="请输入关键字..." name="keywords" class="input" type="text" />
                <button type="submit" class="app-search-submit"><span class="search-icon"><i class="fa fa-search"></i></span></button>
            </form>
        </div>
        <nav class="top-nav-wrap">
            <ul class="nav-list clearfix">
                <li {% if data.active == "index" %}class="active"{% endif %}>
                    <a href="/">首页</a>
                </li>
                <li {% if data.active == "article" %}class="active"{% endif %}>
                    <a href="/article">文章</a>
                </li>
                <li {% if data.active == "tags" %}class="active"{% endif %} style="display:none;">
                    <a href="/tags">标签</a>
                </li>
                <li {% if data.active == "message" %}class="active"{% endif %}>
                    <a href="/message">留言板</a>
                </li>
                <li {% if data.active == "about" %}class="active"{% endif %}>
                    <a href="/about">关于我</a>
                </li>
            </ul>
        </nav>
    </div>
</header>